<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title th:text="${title}">关于我们</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            color: #333;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }

        .header {
            text-align: center;
            color: white;
            margin-bottom: 30px;
        }

        .header h1 {
            font-size: 28px;
            margin-bottom: 10px;
            font-weight: 600;
        }

        .header p {
            font-size: 16px;
            opacity: 0.9;
        }

        .card {
            background: white;
            border-radius: 16px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }

        .logo {
            text-align: center;
            margin-bottom: 30px;
        }

        .logo h2 {
            color: #667eea;
            font-size: 32px;
            margin-bottom: 10px;
            font-weight: bold;
        }

        .logo p {
            color: #888;
            font-size: 14px;
        }

        .section {
            margin-bottom: 30px;
        }

        .section h3 {
            color: #333;
            font-size: 20px;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .section p {
            color: #666;
            line-height: 1.8;
            margin-bottom: 15px;
        }

        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin: 20px 0;
        }

        .feature-card {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 12px;
            text-align: center;
        }

        .feature-icon {
            font-size: 32px;
            margin-bottom: 10px;
        }

        .feature-card h4 {
            color: #333;
            margin-bottom: 10px;
            font-weight: 600;
        }

        .feature-card p {
            color: #666;
            font-size: 14px;
            line-height: 1.6;
        }

        .contact {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            text-align: center;
            padding: 30px;
            border-radius: 12px;
            margin-top: 20px;
        }

        .contact h3 {
            margin-bottom: 15px;
        }

        .contact p {
            opacity: 0.9;
            margin-bottom: 20px;
        }

        .btn {
            display: inline-block;
            background: white;
            color: #667eea;
            padding: 12px 30px;
            border-radius: 25px;
            text-decoration: none;
            transition: transform 0.2s;
            font-weight: 600;
        }

        .btn:hover {
            transform: translateY(-2px);
        }

        .footer {
            text-align: center;
            color: white;
            opacity: 0.8;
            margin-top: 30px;
            font-size: 14px;
        }

        @media (max-width: 768px) {
            .container {
                padding: 15px;
            }
            
            .header h1 {
                font-size: 24px;
            }
            
            .card {
                padding: 20px;
            }

            .features {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1 th:text="${title}">关于我们</h1>
            <p th:text="${description}">威特猫AI - 专业的人工智能金融服务平台</p>
        </div>

        <div class="card">
            <div class="logo">
                <h2>🏢 杭州宇墨智联科技有限公司</h2>
                <p>Hangzhou Yumo Zhilian Technology Co., Ltd.</p>
            </div>

            <div class="section">
                <h3>公司简介</h3>
                <p>杭州宇墨智联科技有限公司是一家专注于人工智能技术研发与应用的创新型科技企业。公司成立以来，始终致力于将前沿的AI技术与实际业务场景深度融合，为客户提供智能化、专业化的解决方案。</p>
                <p>我们的核心团队由来自知名科技企业的资深工程师和行业专家组成，在人工智能、大数据分析、金融科技等领域拥有丰富的技术积累和实践经验。</p>
            </div>

            <div class="section">
                <h3>我们的愿景</h3>
                <p>成为中国领先的人工智能应用服务提供商，通过创新的AI技术，让智能化服务惠及更多企业和个人用户，推动数字化转型，创造更大的社会价值。</p>
            </div>

            <div class="section">
                <h3>核心业务</h3>
                <div class="features">
                    <div class="feature-card">
                        <div class="feature-icon">🤖</div>
                        <h4>AI技术开发</h4>
                        <p>自然语言处理、机器学习、深度学习等核心AI技术的研发与应用</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon">📊</div>
                        <h4>金融科技服务</h4>
                        <p>智能投顾、风险控制、量化分析等金融领域的AI解决方案</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon">📈</div>
                        <h4>股票异动监控</h4>
                        <p>基于大数据和AI算法的股票市场异动监控与预警系统</p>
                    </div>
                    <div class="feature-card">
                        <div class="feature-icon">🔧</div>
                        <h4>智能化系统集成</h4>
                        <p>为企业提供AI技术集成、系统优化和数字化转型服务</p>
                    </div>
                </div>
            </div>

            <div class="section">
                <h3>技术实力</h3>
                <p><strong>核心技术：</strong>掌握自然语言处理、机器学习、深度学习、大数据分析等核心AI技术，拥有多项自主知识产权。</p>
                <p><strong>研发团队：</strong>汇聚了来自国内外知名高校和科技企业的优秀人才，具备强大的技术创新能力。</p>
                <p><strong>应用经验：</strong>在金融、教育、医疗、制造等多个行业积累了丰富的AI应用实践经验。</p>
            </div>

            <div class="section">
                <h3>发展历程</h3>
                <p><strong>2020年：</strong>公司成立，专注AI技术研发，推出首款智能分析产品。</p>
                <p><strong>2022年：</strong>进军金融科技领域，开发股票异动监控系统，获得行业认可。</p>
                <p><strong>2024年：</strong>完成技术升级，推出威特猫AI平台，服务客户超过10万+。</p>
                <p><strong>2025年：</strong>持续创新发展，致力于成为AI应用服务的领军企业。</p>
            </div>
        </div>

        <div class="contact">
            <h3>联系我们</h3>
            <p>如果您对我们的技术服务或合作有任何疑问，欢迎随时与我们联系。</p>
            <p><strong>公司地址：</strong>浙江省杭州市</p>
            <p><strong>业务咨询：</strong>专业的AI技术解决方案</p>
            <a href="#" class="btn">商务合作咨询</a>
        </div>

        <div class="footer">
            <p>© 2025 杭州宇墨智联科技有限公司 | 版权所有</p>
        </div>
    </div>
</body>
</html>

